@charset "utf-8";

input[type="button"], input[type="submit"], input[type="reset"] {
     -webkit-appearance: none;
}
textarea {  
    -webkit-appearance: none;
}  

a{ margin:0px; padding:0px; border:0px; text-decoration:none; color:#555555; font-size:13px;transition: all 0.3s ease 0s;
-webkit-transform: all 0.3s ease 0s;  -webkit-tap-highlight-color: transparent; outline: none;}
a:hover{ text-decoration:none;
       transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;}
*{ padding:0px; margin:0px; border:0px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; outline: none;}
/* background:rgba(0,0,0,0);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);*/
li{ list-style:none;}
.clear:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { *zoom: 1; }
.clear { clear: both; line-height: 0; height: 0; font-size: 0; }


.clear{zoom: 1;}/* 触发 hasLayout */ 
img{ vertical-align: middle;}
input:focus{ outline: none;}/*去除按钮选中的高亮标签*/
textarea:focus{ outline: none;}/*去除文本框选中的高亮标签*/
button:focus{ outline: none;}/*去除按钮选中的高亮标签*/
select:focus{ outline: none;}/*去除下拉框选中的高亮标签*/
img{vertical-align: middle;}
div,p,table,td,ul,li,span,a,ol,input,label{ padding:0px; margin:0px; border:0px;}
input::-ms-input-placeholder{ /* Internet Explorer 10+ */ color:#999999; font-size:13px;}
input::-webkit-input-placeholder{ /* WebKit browsers */ color:#999999; font-size:13px;}
input::-moz-placeholder{ /* Mozilla Firefox 4 to 18 */  color:#999999; font-size:13px;}
input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999999; font-size:13px;}
input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999999; font-size:13px;}
textarea::-webkit-input-placeholder{color:#999999; font-size:15px; font-family:"Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei"}











.search input::-ms-input-placeholder{ /* Internet Explorer 10+ */ color:#89a4d5; font-size:13px;}
.search input::-webkit-input-placeholder{ /* WebKit browsers */ color:#89a4d5; font-size:13px;}
.search input::-moz-placeholder{ /* Mozilla Firefox 4 to 18 */  color:#89a4d5; font-size:13px;}
.search input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#89a4d5; font-size:13px;}
.search input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#89a4d5; font-size:13px;}



video::-internal-media-controls-download-button {
    display:none;
}
video::-webkit-media-controls-enclosure {
    overflow:hidden;
}
video::-webkit-media-controls-panel {
    width: calc(100% + 30px); 
}


.mo_down{ height:0px; overflow:hidden}
.mo_down.on{ height:auto;}

input:-webkit-autofill { 
-webkit-box-shadow: 0 0 0px 1000px white inset; 
}


.fl{ float:left;}
.fr{ float:right;}
/*渐变从左向右*/
.jianbian2{
    height: 200px;
    background: -webkit-linear-gradient(to right,blue, yellow); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(to right,blue, yellow); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(to right,blue, yellow); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right,white, yellow); /* 标准的语法（必须放在最后） */
}

/*黑白照片*/
.gray { 
-webkit-filter: grayscale(100%); 
   -moz-filter: grayscale(100%); 
    -ms-filter: grayscale(100%); 
     -o-filter: grayscale(100%); 
        filter: grayscale(100%); 
        filter: gray; 
}

.gray:hover { 
-webkit-filter: grayscale(0%); 
   -moz-filter: grayscale(0%); 
    -ms-filter: grayscale(0%); 
     -o-filter: grayscale(0%); 
        filter: grayscale(0%); 
        filter: gray; 
}
/*圆角5px*/
.radius5{ 
-webkit-border-radius:5px; 
   -moz-border-radius:5px; 
    -ms-border-radius:5px; 
     -o-border-radius:5px; 
        border-radius:5px; 
}
/*圆角10px*/
.radius10{ 
-webkit-border-radius:10px; 
   -moz-border-radius:10px; 
    -ms-border-radius:10px; 
     -o-border-radius:10px; 
        border-radius:10px; 
}
/*图片变大*/
.tra{
-webkit-transform: scale(1);
   -moz-transform: scale(1);
    -ms-transform: scale(1);
     -o-transform: scale(1);
           filter: scale(1);
           filter: transform;
       transition: all 0.5s ease 0s;
-webkit-transform: all 0.5s ease 0s; 
  cursor:pointer;
  
}
.tra:hover{
-webkit-transform: scale(1.15);
   -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
     -o-transform: scale(1.15);
           filter: scale(1.15);
           filter: transform;
       transition: all 0.5s ease 0s;
-webkit-transform: all 0.5s ease 0s; 
  cursor:pointer;
  
}
/*透明度50%*/
.opacity5{ filter:alpha(opacity=50);-moz-opacity:0.5; -khtml-opacity:0.5;opacity: 0.5;}


.shadow1{ 
-webkit-box-shadow:rgba(0,0,0,0.1) 0px 0px 5px;
   -moz-box-shadow:rgba(0,0,0,0.1) 0px 0px 5px;
    -ms-box-shadow:rgba(0,0,0,0.1) 0px 0px 5px; 
     -o-box-shadow:rgba(0,0,0,0.1) 0px 0px 5px; 
        box-shadow:rgba(0,0,0,0.1) 0px 0px 5px;
}
.shadow2{transition: all 0.3s ease 0s;
-webkit-transform: all 0.3s ease 0s; }
.shadow2:hover{ 
-webkit-box-shadow:rgba(0,0,0,0.1) 0px 0px 15px;
   -moz-box-shadow:rgba(0,0,0,0.1) 0px 0px 15px;
    -ms-box-shadow:rgba(0,0,0,0.1) 0px 0px 15px; 
     -o-box-shadow:rgba(0,0,0,0.1) 0px 0px 15px; 
        box-shadow:rgba(0,0,0,0.1) 0px 0px 15px;transition: all 0.3s ease 0s;
-webkit-transform: all 0.3s ease 0s; 
}


/*投影*/
.shadow5{ 
    transition: all 0.3s ease 0s;
-webkit-transform: all 0.3s ease 0s; 
}

.shadow7{ 
    transition: all 0.3s ease 0s;
-webkit-transform: all 0.3s ease 0s; 
}
.shadow7:hover{ 
-webkit-box-shadow:rgba(0,0,0,0.5) 0px 0px 5px;
   -moz-box-shadow:rgba(0,0,0,0.5) 0px 0px 5px;
    -ms-box-shadow:rgba(0,0,0,0.5) 0px 0px 5px; 
     -o-box-shadow:rgba(0,0,0,0.5) 0px 0px 5px; 
        box-shadow:rgba(0,0,0,0.5) 0px 0px 5px;
    transition: all 0.3s ease 0s;
-webkit-transform: all 0.3s ease 0s; 
}


.shadow1_1{ 
-webkit-box-shadow:rgba(0,0,0,0.5) 0px 0px 5px;
   -moz-box-shadow:rgba(0,0,0,0.5) 0px 0px 5px;
    -ms-box-shadow:rgba(0,0,0,0.5) 0px 0px 5px; 
     -o-box-shadow:rgba(0,0,0,0.5) 0px 0px 5px; 
        box-shadow:rgba(0,0,0,0.5) 0px 0px 5px;
    transition: all 0.3s ease 0s;
-webkit-transform: all 0.3s ease 0s; 
}


.shadow5:hover{ 
-webkit-box-shadow:rgba(0,0,0,0.08) 0px 0px 15px; 
   -moz-box-shadow:rgba(0,0,0,0.08) 0px 0px 15px; 
    -ms-box-shadow:rgba(0,0,0,0.08) 0px 0px 15px; 
     -o-box-shadow:rgba(0,0,0,0.08) 0px 0px 15px; 
        box-shadow:rgba(0,0,0,0.08) 0px 0px 15px; 
    transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s; 
}

.shadow8{ 
-webkit-box-shadow:rgba(0,0,0,0.05) 5px 5px 5px;
   -moz-box-shadow:rgba(0,0,0,0.05) 5px 5px 5px;
    -ms-box-shadow:rgba(0,0,0,0.05) 5px 5px 5px;
     -o-box-shadow:rgba(0,0,0,0.05) 5px 5px 5px;
        box-shadow:rgba(0,0,0,0.05) 5px 5px 5px;
    transition: all 0.5s ease 0s;
-webkit-transform: all 0.5s ease 0s; 
}


.shadow6{ 
-webkit-box-shadow:rgba(0,0,0,0.3) 5px 5px 60px;
   -moz-box-shadow:rgba(0,0,0,0.3) 5px 5px 60px;
    -ms-box-shadow:rgba(0,0,0,0.3) 5px 5px 60px;
     -o-box-shadow:rgba(0,0,0,0.3) 5px 5px 60px;
        box-shadow:rgba(0,0,0,0.3) 5px 5px 60px;
    transition: all 0.5s ease 0s;
-webkit-transform: all 0.5s ease 0s; 
}

/*投影*/
.shadow10{ 
-webkit-box-shadow:rgba(0,0,0,0.13) 0px 0px 10px; 
   -moz-box-shadow:rgba(0,0,0,0.13) 0px 0px 10px; 
    -ms-box-shadow:rgba(0,0,0,0.13) 0px 0px 10px; 
     -o-box-shadow:rgba(0,0,0,0.13) 0px 0px 10px; 
        box-shadow:rgba(0,0,0,0.13) 0px 0px 10px; 
}
/*图片居中*/
.center{
  -webkit-align-items: center;
    display: -webkit-flex;
    -webkit-justify-content: star;
}

/*图片居中2*/
.vertical{
  display:-webkit-box;
 display:-webkit-flex;
 display:-moz-box;
 display:-moz-flex;
display:-ms-flexbox;
display:flex;
/* 水平居中*/ 
     -webkit-box-align:center;
      -moz-box-align:center;
       -ms-flex-pack:center;
 /* IE 10 */
 -webkit-justify-content:center; 
  -moz-justify-content:center;
       justify-content:center;
/* IE 11+,Firefox 22+,Chrome 29+,Opera 12.1*/
/* 垂直居中 */ 
    -webkit-box-pack:center;
      -ms-flex-align:center;
       -moz-box-pack:center;
/* IE 10 */
   -webkit-align-items:center;
      -moz-align-items:center;
         align-items:center;

}






/*图片翻转*/
.flip{
  -webkit-transform: rotate(0deg);
       -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
           transition: all 0.5s ease;
    -webkit-transform: all 0.5s ease;
 }
.flip:hover{
  -webkit-transform: rotate(360deg);
       -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
         -o-transform: rotate(360deg);
            transform: rotate(360deg);
           transition: all 0.5s ease; -webkit-transform: all 0.5s ease;  
  cursor:pointer;
}



.noscroll{
    overflow: hidden;
}


.bd_weixin_popup{ width:280px !important; height:345px !important; position:fixed !important; top:30% !important; left:0% !important; right:0% !important; margin:0 auto}



.quan{ width: 100%;}

.mo_top{ width:100%; display:none; position:fixed; top: 0; z-index: 100;}
.mo_top .mot{ width:100%; padding:0 2%; height:50px; background:#fff;box-shadow: 0px 0px 16px rgba(0,0,0,.2); display:flex; align-items:center; justify-content: space-between;}
.mo_top .mot .molo{ float:left; display:inline-block; height:30px; margin:10px 0;}
.mo_top .mot .molo img{ height:30px;}
.mo_top .mot .mot_right{ display:flex; align-items:center;}
.mo_top .mot .mot_right dd{ margin-right: 5px;}
.mo_top .mot .mot_right dd a i{ font-size:26px; color:#004a91;}
.mo_top .mot .mot_right dt{ position:relative; width:35px; height:35px;}
.mo_top .mot .mot_right dt .cd-nav-trigger{ top:0; right:0;}



.banner{ overflow: hidden; z-index: 1; width: 100%;}
.pc_index .banner{ position:fixed;}
.banner .banner_content{ position: relative;}
.banner .slider .item{ display:inline-block; position: relative;}
.banner .slick-dots li button:before{ display:none;}
.banner .slick-dots li.slick-active button{ background:#fff;}
.banner .slick-dots li{ width:41px; height:2px; margin: 0px 8px;}
.banner .slick-dots li button{ width:100%; background:rgba(255,255,255,.4); padding:0px; height:100%;}
.banner .slick-dots{ bottom:4%;}
.banner .content_list_img img{ width: 100%; object-fit: cover;}
.slick-animation .slick-center .bannertop{ opacity: 0; transition: all 0.5s ease; -webkit-transform: all 0.5s ease; position: relative;}
.slick-animation .slick-center .top1.on{ bottom: 0; transition-delay: 0.1s; opacity: 1;}
.slick-animation .slick-center .top2.on{ bottom: 0; transition-delay: 0.2s; opacity: 1;}
.slick-animation .slick-center .top3.on{ bottom: 0; transition-delay: 0.3s; opacity: 1;}
.slick-animation .slick-center .top1{ bottom: -50px; transition: all 0.5s ease; -webkit-transform: all 0.5s ease;}
.slick-animation .slick-center .top2{ bottom: -85px; transition: all 0.5s ease; -webkit-transform: all 0.5s ease;}
.slick-animation .slick-center .top3{ bottom: -120px; transition: all 0.5s ease; -webkit-transform: all 0.5s ease;}





.banner{ overflow:hidden;}
.banner .slider .banner_mdx2{ background:#035fa3; position:relative; display:flex; align-items:center; justify-content:center;}
.banner .slider .banner_mdx2 .banner_mdx2_content{ display:none; align-items:center; justify-content:space-between; width:1705px; margin:0 auto;}
.banner .slider .banner_mdx2.slick-active .banner_mdx2_content{ display:flex;}
.banner .slider .banner_mdx2 .banner_mdx2_left{ width:41%;}
.banner .slider .banner_mdx2 .banner_mdx2_left img{ max-width:100%;}
.banner .slider .banner_mdx2 .banner_mdx2_left .mdx2_left_dd{ margin-bottom:40px;}
.banner .slider .banner_mdx2 .banner_mdx2_right{ width:58%; text-align:right;}
.banner .slider .banner_mdx2 .banner_mdx2_right img{ max-width:100%; border:6px solid #000000; border-radius:10px;}
.banner .slider .banner_mdx2 .banner_mdx2_logo{ position:absolute; bottom:13%; width:100%; text-align:center;}





.pc_all{ position: relative; z-index: 3;}
.pc_all .pc_all_content{ max-width: 1705px; margin: 0 auto;}


/*首页*/
.jinchao01{  padding: 90px 0px 0px; background: #fff; position: relative; z-index:5;}
.jc_tit{ width:100%; padding:0px 20px; text-align:center; margin-bottom:50px;}
.jc_tit h2{font-size: 40px; color: #333333; margin-bottom: 20px; background: linear-gradient(to right, #03d6b0, #13b3d7); -webkit-background-clip: text;
 -moz-background-clip: text; -ms-background-clip: text; -o-background-clip: text; color: transparent; display: inline-block;   /* background: linear-gradient(to right, #53d7ff, #15abff);*/}
.jc_tit h3{font-size: 16px;  color: #888888; font-weight:normal;}
.jc_01_main{ width:100%;}
.jc_01_main dl{ width:100%;}
.jc_01_main dl dd{ float:left; width:33.3%;}
.jc_01_main dl dd .box{ width:100%; padding: 3.8rem 3vw 4vw;}
.jc_01_main dl dd .box .jc_01_main_top{ width:100%;}
.jc_01_main dl dd:first-child{ background:#fafafa;}
.jc_01_main dl dd:last-child{ background:#f0f0f0;}
.jc_01_main dl dd:nth-child(2) { background-color: #f5f5f5;}
.jc_01_main dl dd .box .jc_01_main_top .s-heading { font-size: 1.8rem; line-height: 1em; color: #000;margin-bottom: 1.2rem;}
.jc_01_main dl dd .box .jc_01_main_top .item-desc { font-size:1rem;  line-height: 1.625em; color: #666; margin-bottom: 2.5em; font-weight: 200;
 height: 3.25em; overflow: hidden;}
.jc_01_main_bot{ width:100%;}
.jc_01_main_bot ul{ width:100%; margin:0px -1.2rem;}
.jc_01_main_bot ul li{padding: 0 1.2rem; position: relative; margin: 0 0 .55rem; float:left;font-size: 1.05rem;line-height: 1.8rem;}
.jc_01_main_bot ul li:nth-child(odd) { width: 8.5em; white-space: nowrap;}
.jc_01_main_bot ul li::after { content: ''; display: block; width: 2px; height: 1em; background-color: #7d7c7c; position: absolute;
 right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.jc_01_main_bot ul li:nth-child(even) {  width: calc(100% - 8.5em);} 
.jc_01_main_bot ul li:nth-child(even)::after{ display:none;}

/*产品新*/
.home-service dd{ float:left; width:50%; position:relative; overflow:hidden;}
.home-service dd a{ display:block; border-left:1px solid #e9e9e9; margin-left:-1px;transition:0.3s ease-in-out;}
.home-service dd .txt{ position:absolute; top:50%; margin-top:-64px; left:68.125%;}
.home-service dd:nth-child(2n) .txt{ left:6.77%;}
.home-service dd img{ display:block; width:100%; transition:0.3s;}
.home-service dd:hover img{ opacity:0.1; transform:scale(1.3); -webkit-transform:scale(1.3); -ms-transform:scale(1.3);}
.home-service dd:hover a{ background:#22b1ff;}
.home-service dd .txt *{ font-weight:normal; margin:0;}
.home-service dd .txt h2{color:#000; font-size:36px; padding-bottom:16px; line-height:56px;}
.home-service dd .txt h5{ line-height:28px;color:#777;font-size: 20px;}
.home-service dd .txt .more{ display:block; width:60px; height:30px; background:url(../images/more.png) no-repeat; margin:0 auto; transform:translateY(30px); -webkit-transform:translateY(30px); -ms-transform:translateY(30px); opacity:0;transition:0.3s 0.3s ease-in-out}
@media(max-width:1600px){
.home-service dd .txt h2{ font-size:28px; line-height:40px;}
.home-service dd .txt h5{ font-size:16px;}
.home-service dd .txt{ margin-top:-70px;}
}
.home-service dd:hover .txt{ text-align:center; left:0; width:100%; text-align:center;}
.home-service dd:hover .txt h2{color:#fff; font-size:36px; font-weight:bold;}
.home-service dd:hover .txt h5{ opacity:0; height:56px;}
.home-service dd:hover .txt .more{ opacity:1;transform:translateY(10px); -webkit-transform:translateY(10px); -ms-transform:translateY(10px);}

.home-service .ul-1{ border-bottom:1px solid #eee;}
.home-service li{ float:left; width:20%; position:relative;}
.home-service .ul-1 li{ padding-bottom:13.3999%;}
.home-service .ul-2 li{padding-bottom:13.3999%; /*padding-bottom:8.671%*/}
.home-service li > *{position:absolute;}
.home-service li a{  top:0; bottom:0; width:100%; border-left:1px solid #e9e9e9; left:-1px; z-index:10;}
.home-service li .icon_on{ z-index:1; overflow:hidden; top:1px; left:0; width:100%; height:100%;opacity:0; }
.home-service li .icon_on img{ position:absolute; left:-50px; top:-30px; filter:alpha(opacity=10);opacity: 0.1;-moz-opacity:0.1;-khtml-opacity: 0.1; width:300px; height:300px;transform:scale(0.4); -webkit-transform:scale(0.4); -ms-transform:scale(0.4);  transition:0.3s ease-in-out;}
.home-service li .icon{ left:7.5%; top:50%; margin-top:-45px; z-index:2;transition:0.3s ease-in-out}
.home-service li .icon img{ height:70px; width:70px;}
.home-service li .txt{ z-index:4; left:7.5%; margin-left:90px; max-width:310px; top:50%; margin-top:-42px;transition:0.3s ease-in-out;}
.home-service .ul-2 li .txt{max-width:325px;}
.home-service li .txt *{ margin:0; }
.home-service li .txt h4{  color:#000; padding-bottom:5px;font-size: 22px;}
.home-service li .txt p{ line-height:35px; font-size:18px;}
.home-service li .more{ display:block; width:60px; height:30px; background:url(../images/more.png) no-repeat; margin:0 auto; transform:translateY(30px); -webkit-transform:translateY(30px); -ms-transform:translateY(30px); opacity:0;transition:0.3s 0.3s ease-in-out}

.home-service li:hover{background:#ff6c00; }
.home-service li:hover .icon_on{ opacity:1; -webkit-opacity:1;}
.home-service li:hover .icon_on img{transform:scale(1); -webkit-transform:scale(1); -ms-transform:scale(1);}
.home-service li:hover .icon{opacity:0; -webkit-opacity:0;transform:scale(0); -webkit-transform:scale(0); -ms-transform:scale(0);}
.home-service li:hover .txt{ left:0; text-align:center; color:#fff; margin-left:0; max-width:none !important; width:100%;margin-top:-52px;}
.home-service li:hover .txt p{ opacity:0;}
.home-service .ul-2 li:hover .txt p{ display:none;}
.home-service li:hover .txt h4{color:#fff; font-size:32px; font-weight:bold;}
.home-service li:hover .more{ opacity:1;transform:translateY(10px); -webkit-transform:translateY(10px); -ms-transform:translateY(10px);}
@media(max-width:1600px){
.home-service li .icon{ margin-top:-35px;}
.home-service li .icon img{ height:50px; width:50px;}
.home-service li .txt{ margin-left:60px; width:60%; margin-top:-40px;}
.home-service .ul-2 li .txt{ width:69%;}
.home-service .ul-2 li:hover .txt{margin-top:-30px;}
.home-service li .txt h4{ font-size:20px;}
.home-service li:hover .txt{ width:100%;}
.home-service li:hover .txt h4{font-size:28px;}
.home-service li .txt p{ font-size:14px;}
.home-service li .icon_on img{ width:260px; height:260px;}
}










.jinchao02{ background:url(../images/ppal_bg.jpg) no-repeat center; background-size:100% 100%;padding: 90px 0px;position: relative; z-index: 3;overflow: hidden;}
.ico-bg3 { position: absolute;  z-index: 4; right: 0;    top: -1020px; width: 650px; height: 1232px;  background: url(../images/ico-bg1.png) no-repeat center center; -o-background-size: 100% 100%;  -ms-background-size: 100% 100%;  -moz-background-size: 100% 100%;  -webkit-background-size: 100% 100%;  background-size: 100% 100%;}
.ico-bg4 { position: absolute;  left: -66px;    z-index: -1; top: 50px; width: 500px; height:699px; background: url(../images/ico-bg2.png) no-repeat center center;
  -o-background-size: 100% 100%; -ms-background-size: 100% 100%;  -moz-background-size: 100% 100%;  -webkit-background-size: 100% 100%;  background-size: 100% 100%;}
.anli_list{ width:100%; margin:0px -15px;}
.anli_list li{ float:left; width:25%; padding:0px 15px; margin-bottom:30px;}
.anli_list li a{ display:block; width:100%; height:100px; background:#FFF; border:1px solid #e1e1e1; text-align:center;overflow: hidden;}
.anli_list li a img{transition:all .5s; display:block; max-width:100%; margin:5px auto; vertical-align:middle;}
.anli_list li:hover a{ box-shadow: 0px 8px 16px rgba(50, 50, 50, 0.1);
    -o-transform: translate(0, -8px);
    -moz-transform: translate(0, -8px);
    -webkit-transform: translate(0, -8px);
    transform: translate(0, -8px);transform: translateY(-8px); }
/*.anli_list li:hover a img{ margin:0px auto;}
*/
.ppal_more{ width:100%; text-align:center; margin:20px auto;}
.ppal_more a{ display:block; width:180px; margin:0px auto; border-radius:20px; background: linear-gradient(to left, #03d6b0, #13b3d7); color:#fff; height:50px; line-height:50px; font-size:18px;}
.ppal_more a:hover{}

.jinchao03{background:url(../images/bg_abo.jpg) center bottom no-repeat; background-size: cover;padding: 90px 0px 120px;position: relative; z-index: 3;overflow: hidden;}
.jinchao03 .jc_tit{ width:100%; padding:0px 20px; text-align:center; margin-bottom:50px;} 
.jinchao03 .jc_tit h2{font-size: 40px; color: #fff; margin-bottom: 20px; display: inline-block;   /* background: linear-gradient(to right, #53d7ff, #15abff);*/}
.jinchao03 .jc_tit h3{font-size: 16px; color: #fff;  font-weight: normal;}
.jinchao03 .abimg {  position: absolute; right: 0;  bottom: 0;  max-width: 55%;}
.jinchao03 .abimg .abitm { transform: translateX(100%);}
.jinchao03 .abimg .abitm img{ max-width:100%;}

.abo_txt{ color:#fff; margin-top:80px;}
.abo_txt .tit{ font-size:32px;}
.abo_txt .note{ font-size:32px;font-weight: bold;  margin: 50px 0;}
.more a {  display: inline-block; width: 140px; height: 35px;  border-radius: 30px; line-height: 35px; background: #fff;color:#213e9a; text-align: center; box-shadow: 0 5px 10px 0 rgba(0,0,0,.1);}

.more a span { transition: all .3s ease-out 0s; margin-left: 0px;    font-size: 17px;}
.szzs{ width:100%; padding-top:50px;}
.szzs ul{ width:100%;}
.szzs ul li{ float:left; padding:0px 50px; text-align:center;}
.szzs ul li:first-child{ padding-left:0px;}
.szzs ul li span{ font-size:40px; font-weight:bold;}
.szzs ul li em{ font-style:normal; font-size:16px; font-weight:normal;}
.szzs ul li p{ font-size:16px;}
.jinchao04{background: linear-gradient(to bottom, #eaf5ff, #fff);padding: 90px 0px 120px;position: relative; z-index: 3;overflow: hidden;}
.fuwu_box_main{ width:100%; text-align:center;}
.fuwu_box_main .ibcu2_con{display:inline-block;border:dashed 1px #ea8c8c;border-radius:50%;margin:0 auto;position:relative;}
.fuwu_box_main .ibcu2_con .ibcu2_ss{margin:60px;border:dashed 1px #ea8c8c;border-radius:50%;position:relative;}
.fuwu_box_main .ibcu2_con .ibcu2_cir{width:280px;height:280px;border-radius:50%;margin:50px;background:#C19B76;position:relative;display:-webkit-box;
display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;}
.fuwu_box_main .ibcu2_con .ibcu2_cir:before{content:"";position:absolute;width:420px; height:420px; left:50%; top:50%;margin:-210px 0 0 -210px;  transform:scale(0.3); background:rgba(164,0,1,.05); border-radius:50%;-webkit-animation-duration: 4s; animation-duration: 4s; -webkit-animation-name:aCir;  animation-name:aCir; -webkit-animation-iteration-count: infinite;  animation-iteration-count: infinite;}
@-webkit-keyframes aCir{
  0%{
    opacity:1;
    -webkit-transform:scale(0.6);
    transform:scale(0.6);
  }
  80%{
    -webkit-transform:scale(1);
    transform:scale(1);
  }
  100%{
    opacity:0;
    -webkit-transform:scale(1);
    transform:scale(1);
  }
}
@keyframes aCir{
  0%{
    opacity:1;
    -webkit-transform:scale(0.6);
    transform:scale(0.6);
  }
  80%{
    -webkit-transform:scale(1);
    transform:scale(1);
  }
  100%{
    opacity:0;
    -webkit-transform:scale(1);
    transform:scale(1);
  }
}


.fuwu_box_main .ibcu2_con .ibcu2_cir .ibcu2_img{width:280px;height:280px;overflow:hidden;border-radius:50%;position:relative;z-index:3;}
.fuwu_box_main .ibcu2_con .ibcu2_cir .ibcu2_img>img{display:block;width:100%;height:100%;}
.fuwu_box_main .ibcu2_con .ibcu2_cir .ibcu2_img:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0;transform:translateY(50%);transition:all .5s;}
.fuwu_box_main .ibcu2_con .ibcu2_cir .ibcu2_img .ibcu2_logo{position:absolute;left:0;top:0;z-index:3;width:100%;height:100%;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;opacity:0;transform:translateY(-50%);transition:all .5s;}
.fuwu_box_main.ibcu2_con .ibcu2_cir .ibcu2_img .ibcu2_logo img{display:block;max-width:60%;max-height:60%;}
.fuwu_box_main .ibcu2_con .ibcu2_wrap li{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;}
.fuwu_box_main .ibcu2_con .ibcu2_wrap li:nth-of-type(1){transform:rotate(-45deg) translate(250px) rotate(45deg);}
.fuwu_box_main .ibcu2_con .ibcu2_wrap li:nth-of-type(2){transform:rotate(45deg) translate(250px) rotate(-45deg);}
.fuwu_box_main .ibcu2_con .ibcu2_wrap li:nth-of-type(3){transform:rotate(135deg) translate(250px) rotate(-135deg);}
.fuwu_box_main .ibcu2_con .ibcu2_wrap li:nth-of-type(4){transform:rotate(225deg) translate(250px) rotate(-225deg);}
.fuwu_box_main .ibcu2_con .ibcu2_wrap li,
.fuwu_box_main .ibcu2_con .ibcu2_wrap li .ibcu2_icon{width:80px;height:80px;display:block;}
.fuwu_box_main .ibcu2_con .ibcu2_wrap li .ibcu2_icon{background:#f7f7f7;border-radius:50%;border:solid 1px var(--curColor);line-height:78px;text-align:center;color:var(--curColor);
transition:background-color .35s,color .35s;}
.fuwu_box_main .ibcu2_con .ibcu2_wrap li .ibcu2_icon .iconfont{font-size:40px;}
.fuwu_box_main .ibcu2_con .ibcu2_wrap li .ibcu2_text{width:500px;position:absolute;padding-left:50px;left:100%;top:-42px;text-align:left;}
.fuwu_box_main .ibcu2_con .ibcu2_wrap li:nth-of-type(3) .ibcu2_text,
.fuwu_box_main .ibcu2_con .ibcu2_wrap li:nth-of-type(4) .ibcu2_text{text-align:right;left:auto;right:100%;padding-left:0;padding-right:50px;}
.fuwu_box_main .ibcu2_con .ibcu2_wrap li .ibcu2_txt{position:relative;background:url("https://www.bjtqcy.com/css/../images/iabo_s6_item_bg.png") no-repeat center top;
padding:20px 30px;color:#333;font-size:0;transition:color .35s,background .35s;-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-animation-duration:1.5s;animation-duration:1.5s;}
.fuwu_box_main .ibcu2_con .ibcu2_wrap li:nth-of-type(1) .ibcu2_txt,
.fuwu_box_main .ibcu2_con .ibcu2_wrap li:nth-of-type(2) .ibcu2_txt{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft;}
.fuwu_box_main .ibcu2_con .ibcu2_wrap li:nth-of-type(3) .ibcu2_txt,
.fuwu_box_main .ibcu2_con .ibcu2_wrap li:nth-of-type(4) .ibcu2_txt{-webkit-animation-name:fadeInRight;animation-name:fadeInRight;}
.fuwu_box_main .ibcu2_con .ibcu2_wrap li .ibcu2_txt:before{content:"";position:absolute;border-top:solid 15px transparent;border-bottom:solid 15px transparent;top:68px;
opacity:0;transition:transform .35s;}
.fuwu_box_main .ibcu2_con .ibcu2_wrap li:nth-of-type(1) .ibcu2_txt:before,
.fuwu_box_main .ibcu2_con .ibcu2_wrap li:nth-of-type(2) .ibcu2_txt:before{border-right:solid 20px var(--curColor);right:100%;right:calc(100% - 1px);transform:translate(30px);}
.fuwu_box_main .ibcu2_con .ibcu2_wrap li:nth-of-type(3) .ibcu2_txt:before,
.fuwu_box_main .ibcu2_con .ibcu2_wrap li:nth-of-type(4) .ibcu2_txt:before{border-left:solid 20px var(--curColor);left:100%;left:calc(100% - 1px);transform:translate(-30px);}
.fuwu_box_main .ibcu2_con .ibcu2_wrap li .ibcu2_txt>h5{font-size:22px;font-weight:bold;}
.fuwu_box_main .ibcu2_con .ibcu2_wrap li .ibcu2_txt>span{font-size:18px;opacity:.8;display:block;margin-top:5px;}
.fuwu_box_main .ibcu2_con .ibcu2_wrap li .ibcu2_txt>i{display:inline-block;width:30px;height:2px;background:var(--curColor);transition:background-color .35s;}
.fuwu_box_main .ibcu2_con .ibcu2_wrap li .ibcu2_w{color:inherit;font-size:16px;line-height:2.1;}


.fwbox_main{ width:100%;}
.fwbox_main ul{ position: relative; margin-top: 95px; padding: 24px 0; text-align:center;}
.fwbox_main ul::after {  content: "";  position: absolute;  top: 140px; left: 0; width: 100%; height: 1px;  background-color: rgba(61, 106, 254, 0.1);  pointer-events: none;}
.fwbox_main li { position: relative; display:inline-block; width:20%; margin-right:6%;  height: 300px;  text-align: center;  border-radius:100%;  background-color: #f6f8fd;}
.fwbox_main li:last-child{ margin-right:0px;}
.fwbox_main li:nth-child(1) { -o-animation-delay: 0s;  -moz-animation-delay: 0s;  -webkit-animation-delay: 0s;  animation-delay: 0s;}
.fwbox_main li .cir {position: absolute; left: 50%; top: 50%;  margin-top: -71px;  margin-left: -71px;  width: 143px; height: 143px;  border: 1px solid #d1dbf3; border-radius: 50%;
 -o-transition: all 1s; -moz-transition: all 1s;  -webkit-transition: all 1s;  transition: all 1s;  z-index: -1;}
.fwbox_main li .cir::before, .fwbox_main li .cir::after { content: ""; position: absolute; top: 50%;  margin-top: -4px;  width: 8px;  height: 8px; border-radius: 50%;  background-color: #3d6afe;}
.fwbox_main li .cir::before { left: 0;  margin-left: -4px;}
.fwbox_main li .cir::after { right: 0;  margin-right: -4px;}
.fwbox_main li .content { position: relative; height: 100%; width: 100%; background-color:#fff;  border-radius: 50%;}
.fwbox_main li .title { padding-top: 45px;  font-size: 24px;}
.fwbox_main li p { margin-top: 60px; color: #8f98ae; font-size: 16px;  line-height: 30px;}
.fwbox_main li .small {  position: absolute; left: 50%; top: 112px;  margin-left: -4px; height: 8px; width: 8px; border-radius: 50%;  background-color: #3d6afe;}
.fwbox_main li .big {  position: absolute;  top: 70px;  right: -45px;  width: 45px;  height: 45px; border-radius: 50%; background-color: rgba(61, 106, 254, 0.85); opacity: 0;}
.fwbox_main li:hover .big { opacity: 1; -webkit-animation-duration: 0.75s;  animation-duration: 0.75s;  -webkit-animation-name: bounceIn;  animation-name: bounceIn; }
.fwbox_main li:hover .small { display: none; }
.fwbox_main li:hover .cir { margin-top: -170px; margin-left: -190px; width:380px;  height: 340px; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-name: xg_route;
  animation-name: xg_route; animation-timing-function: linear; -webkit-animation-timing-function: linear;  animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite;
  -o-transition: all 1s;  -moz-transition: all 1s;  -webkit-transition: all 1s; transition: all 1s; }





.xz_box{background: url(../images/xg_jianshe_end_bg.png) center / cover no-repeat;padding: 60px 0px;position: relative; z-index: 3;overflow: hidden;}
.xz_box h3{ font-size:30px; text-align:center; color:#fff;}
.xz_box p{margin-top: 20px; font-size: 18px; color:#fff; text-align:center;}
.xz_box .more {  margin: 32px auto 0; width: 42px;  height: 42px;  border: solid 1px #ffffff; border-radius: 50%; display:block;}
.xz_box .more img{ display:block; vertical-align:middle; margin:14px auto;}
.footer{background:#071344;position:relative; z-index: 3; padding:20px 0px;}
.footer .footer_content{max-width:1705px;margin:0 auto;position:relative;z-index:6;}
.footer p{ font-size:16px; color:#8f95ad; text-align:center; line-height:30px;}
.footer p a{ font-size:16px; color:#bac2e4;}










.AboutBanner{ position: fixed; z-index: -2; width: 100%; height:400px; background-position:center;}
.AboutBanner img{ width: 100%; height:400px; object-fit: cover;}
.AboutBanner_height{ height: 400px;}


.about{ background: #f8f8f8 url(../images/bn14.png) no-repeat 50% 100%;}
.about .about_title{ text-align: center; position: relative;}
.about .about_title dd{ font-size: 20px; color: #8d8d8d; font-weight:bolder; margin-bottom: 15px;}
.about .about_title dt{ font-size: 40px; color: #111111; letter-spacing: .2em; position: relative; padding-bottom: 25px; margin-bottom: 40px;}
.about .about_title dt::before{ content: ""; position: absolute; display: inline-block; width: 96px; height: 2px; background: #f69625; bottom: 0px; left: 0; right: 0; margin: 0 auto;}


/*2021/03/18 关于我们*/
.About{ background:#f9f9f9;padding: 90px 0px; }
.about_box{ width:100%;    background: #fff;}
.about_box .boxL {  float: left;  width: 50%;  background: #fff; padding:30px;}
.boxL .tit { width: 100%;  color: #000000; font-size:40px;font-weight: bold; margin-bottom:20px; /* font-family: 'NOTOSERIFCJKSC-REGULAR'; */}
.boxL .tit span { font-size:40px; margin-right:10px;}
.boxL .info { width: 100%; color: #666666;}
.boxL .info_box{}
.boxL .info_box p{ font-size:18px; line-height:2em; text-indent:2em;}
.boxR { float: left;  width: 50%; /* height: 640px; */ }
.boxR_box{ padding:50px; background:url(../images/bg54.jpg) no-repeat center; background-size:100% 100%;}
.boxR .tit1 { width: 100%;  color: #fff; font-size:40px; line-height:40px; margin-bottom:20px; /* font-family: 'NOTOSERIFCJKSC-REGULAR'; */}
.boxR .tit2 {   width: 100%;  color: #fff;  color: rgba(255,255,255,0.6); font-size:16px; line-height:30px; margin-top:0px; margin-bottom:30px;}
.boxR .p1 { float: left; width: 33.33%; text-align: center;  padding: 0 6px;}
.boxR .num { color: #fff; font-size:35px; line-height:30px; margin-bottom:10px;}
.boxR .cn { color: #fff; font-size:18px; line-height:2em; margin-bottom:10px;}
.boxR .en {width: 100%; color: #fff; color: rgba(255,255,255,0.6); font-size: 14px; line-height: 20px;}
.boxR .info { width: 100%;  border-bottom: 1px solid rgba(255,255,255,0.2); border-top: 1px solid rgba(255,255,255,0.2); padding:40px 0px;  margin-bottom: 5px;}
.map{ width:100%; height:400px;position: relative;}
.map .map_main { width: 100%; height: 100%; overflow: hidden;}










.Perspective{ background: url(../images/bg15.jpg) no-repeat 50%/cover; height: 763px; display: flex; align-items: center; position: relative; overflow: hidden;}
.Perspective .Perspective_content{ text-align: center; padding-bottom: 100px;}
.Perspective .Perspective_content dd{ font-size: 60px; color: #000000; font-weight: bolder;}
.Perspective .Perspective_content dt{ font-size: 14px; color: #000000; line-height: 36px; margin-top: 30px; position: relative; z-index: 2;}
.Perspective .Perspective_y{ position: absolute; top: 43%; width: 100%; z-index: 1; width: 100%; left: 0; overflow: hidden;}
.Perspective .Perspective_y .Perspective_y_list{ display: inline-block; text-align: right;}
.txt-scroll .scrollbox{ width: 100%; white-space: nowrap; overflow:hidden; transition: all .2s; }
.txt-scroll .txt,.txt-scroll .txt-clone{ display: inline; position: relative; }








.ContactNow{ background: url(../images/bg17.jpg) no-repeat 50%/cover; padding: 60px 0px;}
.ContactNow .ContactNow_title{ text-align: center;}
.ContactNow .ContactNow_title dd{ font-size: 24px; color: #000; position: relative; font-weight: bolder; margin-bottom: 60px;}
.ContactNow .ContactNow_title dd::before{ content: ''; width: 40px; height: 1px; background: #ccc; position: absolute; left: 50%; margin-left: -20px; bottom: -30px;}
.ContactNow .ContactNow_title dt{ font-size: 14px; color: #666; line-height: 28px; max-width: 995px; margin: 0 auto; }
.ContactNow .ContactNow_click{ margin-top: 30px;}
.ContactNow .ContactNow_click a{ display: flex; align-items: center; justify-content: center; width: 211px; height: 56px; background: #111111; color: #fff; margin: 0 auto; font-size: 15px;}
.ContactNow .ContactNow_click a:hover{ background: #f69625; width: 220px;}
.ContactNow .ContactNow_click a span{ display: inline-block; margin-right: 10px; width: 20px; height: 20px; position: relative;}
.ContactNow .ContactNow_click a span img{ position: absolute; left: 0; top: 0;transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;}
.ContactNow .ContactNow_click a span img:last-child{ opacity: 0;}
.ContactNow .ContactNow_click a:hover span img:first-child{ opacity: 0;transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;}
.ContactNow .ContactNow_click a:hover span img:last-child{ opacity: 1;transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;}








.alt-dot-position.slick-hero-slider.slick-inner-dot .banner_index .slick-hero-slider-caption .top1{ font-size:50px; color:#fff; font-weight:bolder; text-transform:uppercase;}
.alt-dot-position.slick-hero-slider.slick-inner-dot .banner_index .slick-hero-slider-caption .top2{ font-size:56px; color:#fff; font-weight:bolder;}
.alt-dot-position.slick-hero-slider.slick-inner-dot .banner_index .slick-hero-slider-caption .top3{ font-size:30px; color:#fff;}








.DBanner{ position: fixed; overflow: hidden; z-index: 1; width: 100%; left: 0; top: 0; height: 1008px;}
.DBanner .DBanner_img img{ width: 100%; height: 1008px; object-fit: cover;}
.WBanner_height{ height: 1008px;}
.DBanner .DBanner_txt{ position: absolute; left: 0; top: 0px; height: 100%; display: flex; align-items: center; justify-content: center; width: 100%; flex-direction: column;}
.DBanner .DBanner_txt .DBanner_txt_dd{ font-size: 60px; color: #fff; text-align: center;}
.DBanner .DBanner_txt .DBanner_txt_dt{ font-size: 20px; color: #fff; margin-top: 75px;}
.DBanner .DBanner_scroll{ position: absolute; bottom: 40px; left: 0; width: 100%; text-align: center;}
.DBanner .DBanner_scroll img{animation:scroll 5s infinite; -webkit-animation:scroll 1.2s infinite; /* Safari and Chrome */ position: relative; cursor: pointer;}

@keyframes scroll
{
  0% {top:0px;}
  50% {top:10px;}
  100% {top:0px;}
}

@-webkit-keyframes scroll /* Safari and Chrome */
{
  0% {top:0px;}
  50% {top:10px;}
  100% {top:0px;}
}








@media screen and (max-width:1705px){
.pc_all .pc_all_content,.footer .footer_content{ max-width: 1500px;}
.banner .slider .banner_mdx2 .banner_mdx2_content{ width:1500px;}

.JiJin1 .JiJin1_content .JiJin1_content_list .content_list_top{ height: 380px;}
.JiJin1 .JiJin1_content .JiJin1_content_list.on .content_list_top{ height: 440px;}
/*.AboutBanner img{ height: auto;}*/
.nav_down .nav_down_contact .down_contact_bottom .contact_bottom_top p span{ margin-left: 0px;}

.HighWebsite2 .HighWebsite2_right .HighWebsite2_right_content{ padding:125px;}


.ContentPlanning .pc_all_content{ padding:0px 80px;}
.ContentPlanning .ContentPlanning_right{ width:39%;}

.BrandInternet .BrandInternet_right{ position:absolute; right:-110px; top:0; height:100%;}


.DBanner,.DBanner .DBanner_img img,.WBanner_height{ height:950px;}

.SEO1 .pc_all_content{ padding:0px 60px;}
.SEO_idea .SEO_idea_content .idea_content_right{ width:58%;}
.SEO_detail .SEO_detail_content{ padding:0px 130px;}
.SEO2 .SEO2_right dd{ padding-right:36%;}


.TBanner .TBanner_content{ width: 1500px; height:87%;}
.Topic_technology .pc_all_content{ padding:0px 110px; padding-left:200px;}


}


@media screen and (max-width:1530px){
.pc_all .pc_all_content,.footer .footer_content{ max-width: 1200px;}
.banner .slider .banner_mdx2 .banner_mdx2_content{ width:1200px;}

.pc_top{ padding-left: 50px;}
.pc_header .pc_header_content .header_content_right .menu ul li{ margin-right: 35px;}
.pc_header2 .pc_header_content .header_content_right .top_right_phone{ width: 245px; padding-right: 50px;}
.pc_header2 .pc_header_content .header_content_right .top_right_icon{ margin-left: 35px;}

.JiJin1 .JiJin1_content .JiJin1_content_list .content_list_top{ height: 300px;}
.JiJin1 .JiJin1_content .JiJin1_content_list.on .content_list_top{ height: 380px;}

.JiJinAbout .JiJinAbout_bottom .JiJinAbout_bottom_list{ margin-right: 95px;}


.footer .footer_content .footer_content_bottom .content_bottom_right a{ width: 9%;}


.alt-dot-position.slick-hero-slider.slick-inner-dot .slick-hero-slider-caption img{ max-width:40%;}
.alt-dot-position.slick-hero-slider.slick-inner-dot .banner_pbl .slick-hero-slider-caption img{ max-width:40%;}
.alt-dot-position.slick-hero-slider.slick-inner-dot .banner_jq .slick-hero-slider-caption img{ max-width:40%;}
.alt-dot-position.slick-hero-slider.slick-inner-dot .banner_mdx .slick-hero-slider-caption .transitionDelay4{ padding:33px 0px; margin: 0px;}
.alt-dot-position.slick-hero-slider.slick-inner-dot .banner_mdx .slick-hero-slider-caption img{ max-width:30%; max-height:60px;}
.alt-dot-position.slick-hero-slider.slick-inner-dot .slick-hero-slider-caption .bg2 img{ max-height:inherit; max-width: 100%;}
.alt-dot-position.slick-hero-slider.slick-inner-dot .banner_index .slick-hero-slider-caption img{ max-width: 57%;}


.nav_down .nav_down_list .down_list_title .list_title_dt{ font-size: 22px;}
.nav_down .nav_down_list .down_list_content p a{ font-size: 15px;}
.nav_down .nav_down_list{ padding: 40px 20px;}
.nav_down .nav_down_contact .down_contact_bottom .contact_bottom_top{ font-size: 14px;}


.alt-dot-position.slick-hero-slider.slick-inner-dot .banner_index .slick-hero-slider-caption .top1{ font-size:30px; color:#fff; font-weight:bolder; text-transform:uppercase; margin-bottom:10px;}
.alt-dot-position.slick-hero-slider.slick-inner-dot .banner_index .slick-hero-slider-caption .top2{ font-size:36px; color:#fff; font-weight:bolder; margin-bottom:0px;}
.alt-dot-position.slick-hero-slider.slick-inner-dot .banner_index .slick-hero-slider-caption .top3{ font-size:20px; color:#fff;}



.DBanner,.DBanner .DBanner_img img,.WBanner_height{ height:830px;}


.HighWebsite2{ overflow:hidden;}
.HighWebsite2 img{ max-width:100%;}
.HighWebsite2 .HighWebsite2_left{ width:40%;}
.HighWebsite2 .HighWebsite2_right{ width:35%;}
.HighWebsite2 .HighWebsite2_right .HighWebsite2_right_icon img{ max-width:100%;}
.HighWebsite2 .HighWebsite2_right .HighWebsite2_right_content{ padding:0px;}


.Research img{ max-width:100%; }
.Research .Research_content{ padding:0px;}



.ContentPlanning img{ max-width:100%; }
.ContentPlanning .pc_all_content{ padding:0px;}
.ContentPlanning .ContentPlanning_img{ width:55%;}


.BrandInternet .BrandInternet_right{ right:-170px;}


.SystemDevelopment .SystemDevelopment_content .SystemDevelopment_content_list{ padding:22px;}





.TBanner .TBanner_content{ width: 1200px; height:87%;}
.Topic_technology .pc_all_content{ padding:0px;}




.WeChatWhy .WeChatWhy_content .WeChatWhy_content_po{ width:100%;}


.pc_header .pc_header_content .header_content_right .menu ul li .DropDown a{ margin-right:50px;}
.pc_header .pc_header_content .header_content_right .menu ul li .DropDown a:after{ right:-25px;}

.WeChat2 .WeChat2_content .WeChat2_content_list .content_list_title{ padding:0px 33px;}

.APPService .HighWebsite_right{ align-items:flex-end;}
.APPService .pc_all_content{ position: initial;}




.DetailsBanner .DetailsBanner_img img{ height: 480px;}

.IndexNews .IndexService_content_title dd{ font-size: 26px;}
.IndexNews .IndexNews_title a{padding: 0px 12px;}
.IndexNews2023 .IndexService_content .IndexNews2023_left .left_content_top .content_top_list .top_list_txt{ padding: 20px;}
.IndexNews2023 .IndexService_content .IndexNews2023_left .left_content_top .content_top_list .top_list_txt .list_txt_dd{ font-size: 18px; margin-bottom: 14px;}
.IndexNews2023 .IndexService_content .IndexNews2023_left .left_content_top .content_top_list .top_list_txt .list_txt_dt{ margin-bottom: 25px;}
.IndexNews2023 .IndexService_content .IndexNews2023_left .left_content_top .content_top_list .top_list_img img{ height: 160px;}
.IndexNews2023 .IndexService_content .IndexNews2023_left .left_content_bottom{ justify-content: space-between;}
.IndexNews2023 .IndexService_content .IndexNews2023_left .left_content_bottom .content_bottom_list{ width: 48%; margin-right: 0;}
.IndexNews2023 .IndexService_content .IndexNews2023_right .IndexNews2023_right_content .right_content_list{ margin-bottom: 0;}
}







@media screen and (max-width:1200px){
.pc_all .pc_all_content{ width: 96% !important; margin: 0 auto; overflow: hidden;}
.pc_top,.footer_content,#mydiv{ display: none;}
.mo_footer{ display:block;}
.mo_top{display: block;}
.mo_height{ height: 50px;}
.slick-dots li{ width: 10px !important; height: 1px !important; margin: 0px 4px !important;}
img{ max-width: 100%;}
.hight,.pc_top_company,.banner .banner_txt,.buildnum{ display: none;}

input::-ms-input-placeholder{ /* Internet Explorer 10+ */ color:#999999; font-size:13px !important;}
input::-webkit-input-placeholder{ /* WebKit browsers */ color:#999999; font-size:13px !important;}
input::-moz-placeholder{ /* Mozilla Firefox 4 to 18 */  color:#999999; font-size:13px !important;}
input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999999; font-size:13px !important;}
input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999999; font-size:13px !important;}
textarea::-webkit-input-placeholder{color:#999999; font-size:13px !important;}

.Copyright .pc_all_content{ display: block; padding: 15px 0px; height: auto; font-size: 13px; text-align: center;}
.Copyright .pc_all_content a{ font-size: 13px;}



.footer .footer_content{ z-index:50;}


.pc_header2 .pc_header_content .header_content_right .top_right_icon,.pc_header2 .pc_header_content .header_content_right .top_right_phone{ display:none;}

.banner{ position: relative;}
.banner .slick-dots{ bottom: 4%; width: 100%; left: 0;}
.banner .slick-dots li{ width: 12px; height: 17px; margin: 0px 2px;}
.banner .slick-dots li.slick-active{ border:0px;}
.banner .slick-dots li.slick-active button:before{ opacity:1;}
.banner .slick-dots li button{ width:100%; height:auto; height: 1px; padding:0px;}
.banner .slick-dots li button:before{ position: relative; left: 0px; top: 0px; font-size:24px; width:100%; height:auto; line-height:2px; opacity:.5;}
.alt-dot-position.slick-hero-slider.slick-inner-dot .banner_jq .slick-hero-slider-caption .transitionDelay2{ margin-bottom:15px;}
.alt-dot-position.slick-hero-slider.slick-inner-dot .banner_mdx .slick-hero-slider-caption .transitionDelay4{ padding:12px 0px;}
.banner_height{ display: none;}
.alt-dot-position.slick-hero-slider.slick-inner-dot .banner_index .slick-hero-slider-caption .transitionDelay2{ margin-bottom: 5px;}
.alt-dot-position.slick-hero-slider.slick-inner-dot .banner_index .slick-hero-slider-caption .transitionDelay4{ margin-bottom: 0px;}
.alt-dot-position.slick-hero-slider.slick-inner-dot .banner_index .slick-hero-slider-caption img{ max-width: 60%;}
.alt-dot-position.slick-hero-slider.slick-inner-dot .slick-hero-slider-caption div{ margin: 0px;}
.banner,.slick-item,.banner_height,.slick-hero-slider .image-bg{ height: 400px !important;}


.AboutBanner{ position: relative;}
.AboutBanner_height{ display: none;}

/*2024/03/18 关于我们*/
.about_box .boxL{ width:100%; padding:30px 20px;}
.boxL .tit{ font-size:32px;}
.boxL .info_box p{ font-size:16px;}
.boxR{ width:100%;}
.boxR_box{ padding:20px;}
.boxR .tit1{ font-size:26px; margin-bottom:10px;}
.boxR .num{ font-size:25px;}
.boxR .cn{ font-size:16px; line-height:20px;}







.JiJinCase .JiJinCase_content .JiJinCase_content_list .content_list_txt{overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.JiJin1{ padding: 50px 2%;}
.JiJin1 .JiJin1_title{ margin-bottom: 30px;}
.JiJin1 .JiJin1_title .JiJin1_title_dd{ font-size: 30px; margin-bottom: 10px;}
.JiJin1 .JiJin1_content{ display: block;}
.JiJin1 .JiJin1_content .JiJin1_content_list{ width: 100%; box-shadow: 0px 0px 49px rgb(0 0 0 / 13%);}
.JiJin1 .JiJin1_content .JiJin1_content_list:last-child{ margin-top: 30px;}
.JiJin1 .JiJin1_content .JiJin1_content_list .content_list_top .list_top_title{ font-size: 24px; padding-bottom: 30px; margin-bottom: 22px;}
.JiJin1 .JiJin1_content .JiJin1_content_list .content_list_top .list_top_p{ right: 4%;}


.JiJinCase .JiJinCase_content{ margin-bottom: -20px;}
.JiJinCase .JiJinCase_content .JiJinCase_content_list{ margin-bottom: 22px;}


.JiJinAbout .JiJinAbout_title dd{ font-size: 24px; padding-bottom: 30px; margin-bottom: 22px;}
.JiJinAbout .JiJinAbout_title dt{ line-height: 30px;}
.JiJinAbout .JiJinAbout_bottom{ flex-wrap: wrap; margin-top: 22px;}
.JiJinAbout .JiJinAbout_bottom .JiJinAbout_bottom_list{ margin-right: 0px; width: 49%; margin-top: 26px; text-align: center;}
.JiJinAbout .JiJinAbout_bottom .JiJinAbout_bottom_list dd{ margin-bottom: 15px;}


.JiJinClient .JiJinClient_content .JiJinClient_content_list{ width: 30%; height: 145px;}


.IndexNews .IndexService_content_title{ display: block; margin-bottom: 45px; overflow: hidden;}
.IndexNews .IndexService_content_title dd{ text-align: center; margin-bottom: 20px;}
.IndexNews .IndexService_content_title dd,.IndexNews .IndexService_content_title .IndexNews_title{ width: 100%;}
.IndexNews .IndexService_content_title .IndexNews_title{ display: flex; justify-content: space-between;}
.IndexNews .IndexNews_content .IndexNews_content_video,.IndexNews .IndexNews_content .IndexNews_content_right{ width: 100%;}
.IndexNews .IndexNews_content .IndexNews_content_video{ margin-bottom: 35px;}
.IndexNews .IndexNews_content .IndexNews_content_right .content_right_list{ display: flex; align-items: center; justify-content: space-between;}
.IndexNews .IndexNews_content .IndexNews_content_right .content_right_list .right_list_content p{-webkit-line-clamp: 2; height: auto;}
.IndexNews .IndexNews_content .IndexNews_content_right .content_right_list .right_list_img{ width: 32%;}
.IndexNews .IndexNews_content .IndexNews_content_right .content_right_list .right_list_content{ width: 60%;}




.about .about_title dd{ font-size: 15px; margin-bottom: 10px;}
.about .about_title dt{ font-size: 18px; margin-bottom: 22px; padding-bottom: 15px;}



.honor{ padding: 33px 0px;}
.honor .about_title{ margin-bottom: 30px;}
.honor .honor_content .honor_content_left,.honor .honor_content .honor_content_right{ width: 100%;}
.honor .honor_content .honor_content_left{ margin-bottom: 25px; position: relative;}
.honor .honor_content .honor_content_left .content_left_li .left_li_bottom{ font-size: 14px; bottom: 23%;}



.Perspective{ height: 400px;}
.Perspective .Perspective_y{ top: 32%;}
.Perspective .Perspective_content{ padding-bottom: 0px;}
.Perspective .Perspective_content dd{ font-size: 30px;}
.Perspective .Perspective_content dt{ margin-top: 22px;}


.Customers{ padding: 33px 0px; background: url(../images/bg29.jpg) no-repeat 50%/cover;}
.Customers .about_title{ margin-bottom: 20px;}
.Customers .Customers_content .Customers_content_list{ width: 32%;}
.Customers .Customers_content .Customers_content_list{ height: 90px;}
.Customers .Customers_content .Customers_content_list img{ max-width: 80%; opacity: 1 !important;}


.pc_index .banner{ position:relative;}
.pc_index .pc_header{ z-index:50; height:auto; padding:0px 4%; position:absolute;}
.pc_header .pc_header_content{}
.pc_header2 .pc_header_content .header_content_right .top_right_icon,.pc_header2 .pc_header_content .header_content_right .top_right_phone{ display:none;}

.alt-dot-position.slick-hero-slider.slick-inner-dot .banner_index .slick-hero-slider-caption .top1{ font-size:16px; color:#fff; font-weight:bolder; text-transform:uppercase; margin-bottom:10px;}
.alt-dot-position.slick-hero-slider.slick-inner-dot .banner_index .slick-hero-slider-caption .top2{ font-size:14px; color:#fff; font-weight:bolder; margin-bottom:0px;}
.alt-dot-position.slick-hero-slider.slick-inner-dot .banner_index .slick-hero-slider-caption .top3{ font-size:12px; color:#fff;}




.DBanner .DBanner_txt{ padding:0px 25px;}
.DBanner .DBanner_txt .DBanner_txt_dd{ font-size:24px; line-height:36px;}
.DBanner .DBanner_txt .DBanner_txt_dt{ margin-top:25px; font-size:15px; text-align:center;}





.pc_show{ display:none;}
.mo_show{ display:block;}



.HighWebsite2 .HighWebsite2_left,.HighWebsite2 .HighWebsite2_right{ width:100%;}



.INews .INews_content .INews_content_list{ width:100%;}
.INews .INews_content .INews_content_list:last-child{ margin-top:36px;}


.DBanner .DBanner_scroll img{ max-height:25px;}









.pc_header .pc_header_content .header_content_right .menu ul li .DropDown a dd{ display:none;}
.APPProcess .APPProcess_content{ height:auto;}



.banner .slider .banner_mdx2 .banner_mdx2_content{ width:94%;}
.banner .slider .banner_mdx2 .banner_mdx2_left{ width:32%;}
.banner .slider .banner_mdx2 .banner_mdx2_left .mdx2_left_dd{ margin-bottom:15px;}
}


@media screen and (max-width:950px){
.pc_index .pc_header{ position:fixed; padding:0px;}
.AboutBanner{ margin-top:50px;}
.pc_index .banner{ margin-top:51px;}
.pc_header .pc_header_content .header_content_logo{ line-height:50px;}


}



@media screen and (max-width:768px){
.JiJin1{ padding: 33px 0px;}
.JiJin1 .JiJin1_title .JiJin1_title_dd{ font-size: 18px;}
.JiJin1 .JiJin1_title .JiJin1_title_dt{ font-size: 14px;}
.JiJin1 .JiJin1_content .JiJin1_content_list .content_list_top .list_top_title{ font-size: 16px; padding-bottom: 12px; margin-bottom: 10px;}
.JiJin1 .JiJin1_content .JiJin1_content_list .content_list_top .list_top_title::before{ height: 1px;}
.JiJin1 .JiJin1_content .JiJin1_content_list .content_list_top .list_top_txt p{ font-size: 14px; margin-bottom: 10px;}
.JiJin1 .JiJin1_content .JiJin1_content_list.on .content_list_top{ height: 210px;}
.JiJin1 .JiJin1_content .JiJin1_content_list .content_list_top{ height: 210px;}
.JiJin1 .JiJin1_content .JiJin1_content_list .content_list_bottom .list_bottom_li{ padding: 0px 12px;}
.JiJin1 .JiJin1_content .JiJin1_content_list .content_list_bottom .list_bottom_li .bottom_li_txt dd{ font-size: 16px; margin-bottom: 5px;}
.JiJin1 .JiJin1_content .JiJin1_content_list .content_list_bottom .list_bottom_li .bottom_li_txt dt{ font-size: 13px;}


.JiJinCase .JiJinCase_content .JiJinCase_content_list{ width: 48%;}
.JiJinCase .JiJinCase_content .JiJinCase_content_list:last-child{ display: none;}
.JiJinCase .JiJinCase_content .JiJinCase_content_list .content_list_txt span{ font-size: 12px;}
.JiJinCase .JiJinCase_content .JiJinCase_content_list .content_list_txt{ line-height: 48px; font-size: 14px;}


.JiJinAbout .JiJinAbout_title dd{ font-size: 18px; padding-bottom: 18px; margin-bottom: 26px;}
.JiJinAbout .JiJinAbout_title dt{ font-size: 13px; line-height: 28px;}
.JiJinAbout .JiJinAbout_bottom .JiJinAbout_bottom_list dd img{ max-height: 20px;}
.JiJinAbout .JiJinAbout_bottom .JiJinAbout_bottom_list dt{ font-size: 13px;}


.JiJinClient .JiJinClient_content .JiJinClient_content_list{ width: 48%; height: 90px;}
.JiJinClient .JiJinClient_content .JiJinClient_content_list img{ max-width: 70%;}
.JiJinClient .JiJinClient_content .JiJinClient_content_list:last-child{ display: none;}


.IndexNews .IndexService_content_title{ margin-bottom: 25px;}
.IndexNews .IndexService_content_title .IndexNews_title{ flex-wrap: wrap; justify-content: center;}
.IndexNews .IndexService_content_title dd{ font-size: 18px;}
.IndexNews .IndexNews_title a{ margin-right: 0px; width: 30%; margin-right: 13px; margin-bottom: 13px; line-height: 45px;}
.IndexNews .IndexNews_content .IndexNews_content_right .content_right_list{ display: block;}
.IndexNews .IndexNews_content .IndexNews_content_right .content_right_list .right_list_img img{ height: auto;}
.IndexNews .IndexNews_content .IndexNews_content_right .content_right_list .right_list_img{ width: 100%;}
.IndexNews .IndexNews_content .IndexNews_content_right .content_right_list .right_list_content{ width: 100%;}
.IndexNews .IndexNews_content .IndexNews_content_right .content_right_list .right_list_content .list_content_title{ display: flex; height: 45px; line-height: normal; align-items: center; justify-content: space-between;}
.IndexNews .IndexNews_content .IndexNews_content_right .content_right_list .right_list_content .list_content_title dd{ width: 70%;}
.IndexNews .IndexNews_content .IndexNews_content_right .content_right_list .right_list_content .list_content_title:after{ display: none;}



.Customers .Customers_content .Customers_content_list{ width: 49%;}
.Customers .Customers_content .Customers_content_list:last-child{ display: none;}



.ContactNow{ padding: 32px 4%;}
.ContactNow .ContactNow_title dd{ font-size: 16px; margin-bottom: 30px;}
.ContactNow .ContactNow_title dd::before{ bottom: -15px;}




.APPDevelopment .APPDevelopment_bg img{ height:900px; object-fit:cover;}



.home-service dd{ width:100%;}
.home-service li{ width:100%; border-bottom:1px solid #e1e1e1;}
.home-service .ul-1 li{    padding-bottom: 100px;}
.home-service dd .txt h2{ font-size:14px;}
.home-service dd .txt h5 { font-size: 12px;}
.home-service .ul-2 li{ padding-bottom:100px;}
.FloatingWindow .FloatingWindow_list .FloatingWindow_list_title dd.ico_rx{margin: 0px auto 10px;}


.pc_header .pc_header_content img{ max-width:80%;}
div.burger{ margin-top:10px;}
.AboutBanner img{ height:130px;}
.AboutBanner{ height:130px; background-position:left;}
.ppal .IndexCase_content .IndexCase_content_list{ width:100%; margin-right:0px; margin-bottom:25px;}
.ppal .IndexCase_content .IndexCase_content_list .content_list_img img{ height:auto;}
.ppal_main_box{ padding:20px;}
.ppal_main_box .tit{ font-size:24px;}
.ppal_main_box .fenl .l1{ width:100%; font-size:16px; line-height:58px; min-height:58px;}
.ppal_main_box .fenl .l1 a{ font-size:16px;}
.ppal_main_box .content{ padding:20px 0px;}
.ppal_main_box .content p{ font-size:16px;}
.ppal_main_box .content img{ display:block; max-width:100%;}
.ppal_main_box .back a{ display:block; margin:0px auto; border-radius:30px; width:150px; font-size:17px; color:#fff; line-height:45px; text-align:center;background: linear-gradient(to right, #61b0e8, #3c66e9);}
.ppal_main_box .back p{ font-size:18px; padding:10px;}

}


@media screen and (max-width:600px){
.banner,.slick-item,.banner_height,.slick-hero-slider .image-bg{ height: 230px !important;}
.DBanner, .DBanner .DBanner_img img, .WBanner_height{ height:340px !important;}
.pc_index .pc_header{ background:#111 !important;}


.IndexNews2023 .IndexService_content .IndexNews2023_left .left_content_bottom .content_bottom_list{ width: 100%;}


.jinchao01{ padding:30px 0px;}
.jc_tit h2{ font-size:26px;}
.jc_01_main{ width:94%; margin:0px auto;}
.jc_01_main dl dd{ width:100%;}
.jc_01_main dl dd .box{padding: 2.3rem 3vw 4vw;}
.jc_01_main dl dd .box .jc_01_main_top .s-heading{ font-size:1.5rem;}
.anli_list li{ width:50%;}
.anli_list li a{ height:auto;}
.anli_list{ margin:0px;}
.anli_list li{ padding: 0px 5px;}
.jinchao02{padding: 50px 0px;}
.jinchao03{ padding:50px 0px;}
.jinchao03 .jc_tit h2{ font-size:26px;}
.abo_txt .tit{ font-size:20px; width:90%; margin:0px auto 20px;}
.abo_txt .note{ font-size:20px; width:90%; margin:0px auto 20px;}
.szzs { width:92%; margin:0px auto; padding-top: 20px;}
.szzs ul li span{ font-size:17px;}
.szzs ul li p { font-size: 14px;}
.szzs ul li{padding: 0px 10px;}
.jinchao04{padding: 45px 0px;}
.fwbox_main ul{ margin-top:0px; padding:0px;}
.fwbox_main li{ width:90%; margin-right:0px;}
.xz_box h3{ font-size:23px;}
.xz_box p{ font-size:17px;}
.footer p{ font-size:15px;}
.fwbox_main ul::after{ display:none;}
.more a{ margin-left:4%;}







}


@media screen and (max-width:375px){


}
@media screen and (max-width:360px){


}


@media screen and (max-width:320px){

}